<template lang="pug">
view
	navbar(@height="height" :type="type")
		view.flex.at.jt(slot="header" style="height:100%")
			view.w33(style="text-align: center") 我的
	view.bg(:style="{'background': 'url('+img+') 100% 100%','paddingTop':(h+30)+'px','background-size': '100% 100%'}" style="padding-bottom:100px")
		view.flex.at
			image.Image(
				src="http://img.duoziwang.com/2018/06/2018010130169489.jpg",
				mode="widthFix",
				style="width:60px;"
			)
			view
				view.f16.c3 漫天繁星
				view.f12.c6.mt10 186****5896
			view.ml
				u-icon(
					name="arrow-right",color="#666",size="14"
				)
	view.bg(style="margin-top:-90px")
		view.cart.flex.box.p10
			view.w50.ct.box.p10
				view.c3.f22 0.00
				view.c3.f12 钱包
			view.w50.ct.box.p10				view.c3.f22 1
				view.c3.f12 优惠券
	view.bg.por.ov
		image(
			src="/static/m/yaoqing.png",
			mode="widthFix",
			style="width:100%;"
		)
		view(
			style="position: absolute;z-index: 1;top: 30px;width:100%;left:20px"
		)
			image(
				src="/static/m/haoyou.png",
				mode="widthFix",
				style="width:50%;"
			)
		view.c9.f12(style="position: absolute;z-index: 1;top: 60px;width:100%;left:20px") Invite friends for more surprises
	view.bg
		view.cart
			view(@click="more('/pages/CaseList/CaseList')" style="padding-top:10px")
				More(
					name="我的订单"
					RightName="查看全部订单"
				)
			view.flex.at.jt.mt10.p10
				view.w20.ct(v-for="item,index in list")
					image(
						:src="'/static/m/'+(index+1)+'.png'",
						mode="widthFix",
						style="width:24px;"
					)
					view.c6.f14 {{item}}
	view.bg
		view.cart
			view(@click="more('/pages/CaseList/CaseList')" style="padding-top:10px")
				More(
					name="我的工具"
					istrue="true"
				)
			view.flex.at.jt
				view.w33.ct.box.p10(v-for="item,index in list1" @click="gourl(index)")
					image(
						:src="'/static/m/m'+(index+1)+'.png'",
						mode="widthFix",
						style="width:30px;"
					)
					view.c6.f14 {{item}}
<!-- 	view.box.prl10
		view.palist.flex.at(v-for="item,index in list" @click="gourl(item)")
			view.title.flex.at
				image(
					:src="'/static/my/'+(index+1)+'.png'",
					mode="widthFix",
					style="width:30px;margin-right:6px"
				) {{item.name}}
			view.ml.flex.at.por
				view.adg1(v-if="index==1") 9
				u-icon(
					name="arrow-right",color="#666",size="14"
				) -->
				
</template>

<script>
	import img1 from "@/static/my/bg.png"
	import navbar from "@/components/navbar.vue"
	import More from "@/components/More.vue"
	export default {
		components:{
			navbar,
			More
		},
		data() {
			return {
				img:img1,
				h:0,
				type:1,
				num:0,
				list:[
					'待付款',
					'待发货',
					'待收货',
					'已完成',
					'退款售后'
				],
				list1:[
					'我的地址',
					'联系客服',
					'我的收藏',
					'我的设备',
					'亲情关爱',
					'真实世界',
					'医生入驻',
					'关注公众号',
					'我的设置'
				]
			}
		},
		methods: {
			height(e){
				this.h=e
			},
			gourl(e){
				console.log(e)
				switch(e){
					case 0:
					return uni.navigateTo({
						url:'/pages/address/index'
					})
				}
			}
		}
	}
</script>

<style>
	page{
		background: #F9F9F9;
	}
	.adg1{background:#F93838 ;color: #fff;font-size: 12px;border-radius: 50%;width: 12px;height: 12px;text-align: center;line-height: 12px;}
.butt{
	background: #fff;
	border-radius: 30px;
}
.active{
	background: #FAC505;
	border-radius: 30px;
	padding:4px 10px;
	color: #fff;
}
.l1{
	padding:4px 10px;
	font-size: 13px;
}
.f22{
	font-size: 22px;
}
</style>
